<template>
  <div>
    <button type="button" class="btn btn-light btn-sm" @click="goBack">后退</button>
    <!-- 路由表传参可以用{{this.$route.params.id}}在组件中接受 -->
    <!-- 也可以在路由表中开启props属性，然后在组件中通过props数组接收 -->
    <h4 class="text-center">用户详情：{{id}}</h4>
  </div>
</template>

<script>
export default {
  name: 'MyUserDetail',
  methods: {
    goBack() {
      // 注意区别this.$route和this.$router的区别：
      // $route中存放着：
        // query(搜索传参如?name=2 && id=1中的name和id，以类形式)，
        // params(路径参数如pathxxx:id中的id)，
        // fullpath(含参路径)
        // path(路径参数)
        // meta(暂不清楚)
      // $router中存放着:
        // back()返回上一历史的方法
        // beforeeach(function(to, from, next) {})前置守卫方法
        // ...
      this.$router.back()
    }
  },
  props:['id']
}
</script>

<style lang="less" scoped></style>
